body{font-family:"simhei";color:#737373;background:#1d1d1f;}
input,button,textarea{outline:none;}
h1,h2,h3,h4,h5,p,ul,ol{margin:0;padding:0;}
a,img,input,button,div{-webkit-tap-highlight-color: transparent;}
ul,ol{list-style: none;margin:0;}
a{text-decoration:none;}
img{vertical-align:top;border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:after {visibility: hidden;display:block;font-size:0;content:"";clear:both;height: 0;}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.hide { display:none;}

/*loading*/
#loadingbg,.loadingbox{position:fixed;z-index:200;}
#loadingbg{width:100%; height:100%; top:0; left:0; background:#000;}
.loadingbox{top:50%;left:50%; width:100px; height:100px; margin-top:-50px; }
#loadingtxt{color: #fff; font-size: 22px; position: absolute; width:750px; text-align:center; top:50%;left:0%; margin-top:50px; }
@-webkit-keyframes ball-spin-fade-loader {
    50% {opacity: 0.3;-webkit-transform: scale(0.4);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}
.ball-spin-fade-loader{position: relative;}
.ball-spin-fade-loader > div:nth-child(1) {top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;}
.ball-spin-fade-loader > div:nth-child(2) {top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;}
.ball-spin-fade-loader > div:nth-child(3) {top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;}
.ball-spin-fade-loader > div:nth-child(4) {top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;}
.ball-spin-fade-loader > div:nth-child(5) {top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;}
.ball-spin-fade-loader > div:nth-child(6) {top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;}
.ball-spin-fade-loader > div:nth-child(7) {top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;}
.ball-spin-fade-loader > div:nth-child(8) {top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;}
.ball-spin-fade-loader > div {background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; position: absolute;}

/*content*/
#content{width:750px;height:100%;position:relative;overflow:hidden;margin:0 auto; }
.fix-height,.relative{height:952px;}
.fix-height{position:absolute;top:0;left:0;z-index:45;width:750px;}
.relative{position:relative;}
#p1 { position:absolute; left:0; top:0; width:100%; z-index:30; background:#1a8ac4;}
#p1bg { display:block; width:100%;  position:absolute; left:0; top:0; z-index:-1;}
#p1 .clickarea { width:100%; height:180px;  position:absolute; left:0; top:850px; z-index:1; }
#p1 .tap { width:45px; height:67px; position:absolute; left:50%; top:1036px; margin-left:-15px;  z-index:4;-webkit-animation: godown 1s  infinite linear;}
#p2bg { display:block;  position:absolute; left:-460px; top:50%; margin-top:-707px; z-index:-1; -webkit-transform: scale(1.6); -webkit-transform-Origin:199px 708px;}
#p2 { position:absolute; left:0; top:0; width:100%; z-index:20;}
#heci { width:100%; position:absolute; left:0; /*top:370px;*/ top:50%; margin-top:-240px; margin-left:-15px;  z-index:3; opacity:0; }

#qianming { position:absolute; left:354px; /*top:643px;*/ top:50%; margin-top:30px; z-index:2;}
#nametitle { position:absolute; left:383px; /*top:787px;*/ top:50%;  margin-top:181px; z-index:2;}

#qianming.zhang1 { left:441px; margin-top:44px; }
#nametitle.zhang1 {left:472px; margin-top:181px; }
#qianming.zhang2 { left:358px; margin-top:12px; }
#nametitle.zhang2 {left:280px; margin-top:131px; }
#qianming.zhang3 { left:388px; margin-top:25px; }
#nametitle.zhang3 {left:354px; margin-top:150px; }
#qianming.vollmer { left:353px; margin-top:-27px; }
#nametitle.vollmer {left:350px; margin-top:136px; }
#qianming.tanneberger { left:430px; margin-top:30px; }
#nametitle.tanneberger {left:396px; margin-top:136px; }
#qianming.david { left:393px; margin-top:3px; }
#nametitle.david {left:350px; margin-top:122px; }
#qianming.jia { left:374px; margin-top:8px; }
#nametitle.jia {left:277px; margin-top:98px; }
#qianming.xu { left:388px; margin-top:29px; }
#nametitle.xu {left:366px; margin-top:129px; }

@-webkit-keyframes godown{
    0%{-webkit-transform: translate(0,0);}
    50%{-webkit-transform: translate(0,-15px);}
    100%{-webkit-transform: translate(0,0);}
}
@keyframes godown{
    0%{-webkit-transform: translate(0,0);}
    50%{-webkit-transform: translate(0,-15px);}
    100%{-webkit-transform: translate(0,0);}
}



/* music */
.onoff .open,.onoff .close{background: url(../../img/mobile/icon-music.png) 0 0 no-repeat;position: absolute;}
.onoff{position: absolute;left:50px;top:55px;z-index:10;}
.onoff2{left:316px;top:73px;}
.onoff .open,.onoff .close{background-position:0 0; width:63px;height:63px; overflow:hidden; display:block;}
.onoff .close{background-position:0 -70px;}


